<div id="about-dialog" class="modal fade mx-auto" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title mr-auto">About Trilium Notes</h5>

                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-left: 0;">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <table class="table table-borderless">
                    <tr>
                        <th>Homepage:</th>
                        <td><a href="https://github.com/zadam/trilium" class="external">https://github.com/zadam/trilium</a></td>
                    </tr>
                    <tr>
                        <th>App version:</th>
                        <td id="app-version"></td>
                    </tr>
                    <tr>
                        <th>DB version:</th>
                        <td id="db-version"></td>
                    </tr>
                    <tr>
                        <th>Sync version:</th>
                        <td id="sync-version"></td>
                    </tr>
                    <tr>
                        <th>Build date:</th>
                        <td id="build-date"></td>
                    </tr>

                    <tr>
                        <th>Build revision:</th>
                        <td><a href="" target="_blank" id="build-revision"></a></td>
                    </tr>

                    <tr>
                        <th>Data directory:</th>
                        <td id="data-directory"></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>
